<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>滴答办公系统-学员更新</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		  content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="media/layui/css/layui.css" media="all">
	<link type="text/css" rel="stylesheet" href="/media/toastr/toastr.min.css">
	<script type="text/javascript" src="media/js/jquery.min.js"></script>
	<script type="text/javascript" src="/media/toastr/toastr.min.js"></script>
</head>
<body>
<div class="layui-container" style="margin-top: 5px">
	<form class="layui-form" id="studentform">
		<div class="layui-form-item">
			<label class="layui-form-label">学员学号</label>
			<div class="layui-input-block">
				<input type="text" name="no" lay-verify="name" autocomplete="off"
					   placeholder="请输入学号" id="no1" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">学员姓名</label>
			<div class="layui-input-block">
				<input type="text" name="name" lay-verify="name" autocomplete="off"
					   placeholder="请输入姓名" class="layui-input" id="name">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">所属班级</label>
			<div class="layui-input-block">
				<select name="classId" id="cds">
					<option value="0">--请选择班级--</option>
				</select>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">性别</label>
			<div class="layui-input-block">
				<input type="radio"  name="sex" value="男" title="男" checked>
				<input type="radio"  name="sex" value="女" title="女">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">邮箱</label>
			<div class="layui-input-inline">
				<input type="text" name="email" lay-verify="required"
					   placeholder="请输入有效" autocomplete="off" class="layui-input" id="email">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">手机号</label>
			<div class="layui-input-inline">
				<input type="text" name="phone" lay-verify="required"
					   placeholder="请输入手机号" autocomplete="off" class="layui-input" id="phone">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">QQ</label>
			<div class="layui-input-inline">
				<input type="text" name="qq" lay-verify="required"
					   placeholder="请输入QQ" autocomplete="off" class="layui-input" id="qq">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">身份证号</label>
			<div class="layui-input-inline">
				<input type="text" name="cardno" lay-verify="required"
					   placeholder="请输入身份证号" autocomplete="off" class="layui-input" id="cardno">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">毕业学校</label>
			<div class="layui-input-inline">
				<input type="text" name="school" lay-verify="required"
					   placeholder="请输入毕业学校" autocomplete="off" class="layui-input" id="school">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">学历</label>
			<div class="layui-input-inline">
				<select name="education" id="education">
					<option value="初中">初中</option>
					<option value="高中">高中</option>
					<option value="专科">专科</option>
					<option value="本科">本科</option>
					<option value="硕士">硕士</option>
					<option value="博士">博士</option>
				</select>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">出生日期</label>
			<div class="layui-input-inline">
				<input type="text" name="birthday" id="date1" autocomplete="off"
					   class="layui-input" id="birthday">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">入学日期</label>
			<div class="layui-input-inline">
				<input type="text" name="createdate" id="date2" autocomplete="off"
					   class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<input class="layui-btn"  style="margin-left: 10%" id="btn1" type="button"
				   value="确认更新">
		</div>
	</form>
</div>


<script src="media/layui/layui.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
	var urlParam= window.location.search;
	var id = urlParam.substring(urlParam.lastIndexOf('=')+1, urlParam.length);
	$.ajax({
		url:"/queryStudentById",
		data:{id:id},
		datatype:"json",
		success:function (data) {
			var d = JSON.parse(data)
			$("#no1").val(d.no);
			$("#name").val(d.name);
			$("#cname").val(d.cname);
			$("#email").val(d.email);
			$("#phone").val(d.phone);
			$("#qq").val(d.qq);
			$("#cardno").val(d.cardno);
			$("#school").val(d.school);
			$("#date1").val(d.birthday);
			$("#date2").val(d.createdate);
		}
	})
	$("#btn1").click(function () {
		$.ajax({
			url:"/updateStudent/"+id,
			data:$("#studentform").serialize(),
			success:function (data) {
				var d =  JSON.parse(data);
				if (d.code == 100){
					toastr.success(d.message);
					setTimeout(function () {
						location.href = "studentlist.html";
					},1000)
				}else {
					toastr.error(d.message)
				}
			}
		})
	})

	var form;
	layui
			.use(
					[ 'form','upload', 'layedit', 'laydate' ],
					function() {
						form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate;
						var upload = layui.upload;

						//执行实例
						var uploadInst = upload.render({
							elem: '#upfile' //绑定元素
							,url: '/photoupload' //上传接口
							,done: function(obj){
								//上传完毕回调
								console.log(obj);
								if(obj.code==200){
									$("#p1").val(obj.message);
									$("#img1")[0].src="/media/images/"+obj.message;
									$("#btn1").attr("disabled",false);
								}else{
									$("#img1")[0].src="media/images/cw1.jpg";
								}

							}
							,error: function(){
								//请求异常回调
							}
						});
						//日期
						laydate.render({
							elem : '#date'
						});


						//自定义验证规则
						form.verify({
							title : function(value) {
								if (value.length < 5) {
									return '标题至少得5个字符啊';
								}
							},
							pass : [ /(.+){6,12}$/, '密码必须6到12位' ],
							content : function(value) {
								layedit.sync(editIndex);
							}
						});
						initData();
					});


	function initData() {
		$.ajax({
		url:"/getClassName",
		success:function (data) {
			var a = JSON.parse(data)
			for (var i =0;i<a.length;i++){
				var c = a[i];
				$("#cds").append("<option value=\""+c.id+"\">"+c.className+"</option>")
			}
			form.render("select");
		}
	})
	}

</script>
</body>
</html>